@charset "UTF-8";
/* 共用css */
* {
  margin: 0;
  padding: 0
}

@font-face {
  font-family: "iconfont";
  src: url('iconfont.eot?t=1540366055029'); /* IE9*/
  src: url('iconfont.eot?t=1540366055029#iefix')
    format('embedded-opentype'), /* IE6-IE8 */ 
    url('data:application/x-font-woff;charset=utf-8;base64,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')
    format('woff'), url('iconfont.ttf?t=1540366055029')
    format('truetype'),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ 
    url('iconfont.svg?t=1540366055029#iconfont') format('svg');
  /* iOS 4.1- */
}
.lbox {
  width: 75%;
  float: left;
  overflow: hidden;
}

.rbox {
  width: 23.5%;
  float: right;
  overflow: hidden;
}
body {
  font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif;
  background: #f1f1f1;
  line-height: 1.5;
  color: #333
}

img {
  border: 0;
  display: block
}

ul, li {
  list-style: none;
}
/*默认链接颜色 */
a {
  text-decoration: none;
  color: #333
}

.clear {
  clear: both;
}

.blank {
  height: 8px;
  overflow: hidden;
  width: 100%;
  margin: auto;
  clear: both
}

.fl { float: left!important; }
.fr { float: right!important; }
.box, article { width: 1200px; margin: auto; overflow: hidden }
.navbox { width: 1200px; margin: auto; }
.mt20 { margin-top: 20px; }
.font16{font-size:16px;}
.blue { color: #00C1DE }
header { width: 100%; padding: 5px 0; background: #1C2327; height: 50px; }
header::before { background: #000 linear-gradient(to left, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55); content: ""; height: 5px; position: absolute; top: 0; width: 100%; }
.logo { float: left; margin-right: 60px; line-height: 56px; color: #FFF; font-size: 22px }
.logo a { color: #FFF }
.logo img { margin-top: 14px; }
.imgscale img { width: 100%; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; transition: all 0.5s; }
.imgscale:hover img { transform: scale(1.1); }

/*nav*/
nav { float: left; height: 50px; line-height: 50px; text-align: center;    margin-top: 3px; }
#starlist { }
#starlist li { position: relative; display: inline; float: left; width: max-content; }
#starlist li a { display: inline; float: left; padding: 0 16px; color: #fff }
#starlist li a:hover, #starlist #selected, .selected > a, #starlist li:hover { color: #00c1de; }
#starlist li:hover a { color: #00c1de }
#starlist ul.sub { overflow: hidden; position: absolute; left: 0; top: 50px; background: #1C2327; display: none; z-index: 9 }
#starlist ul.sub li { height: 30px; line-height: 30px; font-size: 14px; }
#starlist ul.sub li:last-child { padding-bottom: 10px }
#starlist ul.sub li a { color: #FFF }
#starlist ul.sub li a:hover { color: #00c1de }
#starlist li:hover ul.sub { display: block }
/*箭头*/
#starlist li.menu:before { position: absolute; content: ""; top: 22px; right: 5px; background: url(../images/jt.png) no-repeat; width: 8px; height: 8px; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
#starlist li.menu:hover:before { transform: rotate(180deg) }/*旋转*/
#mnavh { display: none; margin: 5px 0 0 0; width: 24px; height: 40px; float: right; text-align: center; padding: 0 10px; }
.navicon { display: block; position: relative; width: 30px; height: 5px; background-color: #fff; margin-top: 20px; }
.navicon:before, .navicon:after { content: ''; display: block; width: 30px; height: 5px; position: absolute; background: #fff; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.navicon:before { margin-top: -10px; }
.navicon:after { margin-top: 10px; }
.open .navicon { background: none }
.open .navicon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.open .navicon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.open .navicon:before, .open .navicon:after { content: ''; display: block; width: 30px; height: 5px; position: absolute; background: #fff; }
/*menu+*/
a.viewmore { display: block; right: 10px; bottom: 20px; position: absolute; padding: 3px 10px; background: #12b7de; color: #fff; border-radius: 3px; }
.menu span { display: none; width: 50px; height: 50px; background: #12b7de; opacity: 0.5; position: absolute; top: 0; right: 0; border-left: #49ccea 1px solid; }
.blogtext { font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; margin-top: 20px }
.bloginfo { margin-top: 20px; overflow: hidden; color: #999; line-height: 34px; }
.bloginfo span { margin: 0 5px }
.bloginfo span a { color: #096 }
.avatar {position: relative;float: left;width: 30px;height: 30px;border-radius: 100%;padding: 2px;display: block;
/*background: -webkit-linear-gradient(bottom left, rgba(0,153,255,.9), rgba(42,228,197,.7));
background: -o-linear-gradient(bottom left, rgba(0,153,255,.9), rgba(42,228,197,.7));
background: linear-gradient(to top right, rgba(0,153,255,.9), rgba(42,228,197,.7));
*/
}
.avatar img { width: 100%; border-radius: 50%; }
.avatar::after { content: ""; position: absolute; background: url(https://www.yangqq.com/skin/jxhx/images/v.png) no-repeat; background-size: 12px; width: 12px; height: 12px; right: 0; bottom: 0 }

.whitebg {
    background: #fff;
    border-radius: 3px;
    padding: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}
/*tab_buttons*/
.tab_buttons { margin-bottom: 10px; width: 100%; overflow: hidden; border-bottom: #e4e3e3 1px solid;/* position: relative; */ }
.tab_buttons li {display: block;font-size: 16px;line-height: 40px;float: left;width: 130px;text-align: center; position: relative;cursor:pointer  }
.newscurrent:after {content: "";background: #000;width: 130px;height: 2px;position: absolute;bottom: 0;left: 0;}
.newsitem { display: none; }
.newsitem:nth-child(1) { display: block; }
/*.tab_box*/
.tab_box { clear: both; position: relative; }
.newslist { float: right; width: 66% }
.newslist li { overflow: hidden; line-height: 32px; padding: 0 20px 10px 20px; }
.newslist li a { height: 32px; }
.newslist li img { width: 100% }
.newslist li { height: 22px; }
.newslist li:hover { height: 100%; background: #f7f7f7 }
.newslist li:hover a { color: #000; font-weight: bold }
.newslist li:hover i { background: #222; }
.newslist li:nth-child(1) { height: 100%; background: #f7f7f7 }
.newslist li:nth-child(1) a { color: #000; font-weight: bold }
.newslist li:nth-child(1) i { background: #9a9a9a; }
.newslist:hover li:nth-child(1) { height: 22px; background: none; }
.newslist:hover li:nth-child(1) a { color: #333; font-weight: normal }
.newslist:hover li:nth-child(1) i { background: #9a9a9a; }
.newslist:hover li:nth-child(1):hover { height: 100%; background: #f7f7f7; }
.newslist:hover li:nth-child(1):hover a { color: #000; font-weight: bold }
.newslist:hover li:nth-child(1):hover i { background: #222; }
.newslist p { line-height: 24px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; height: 48px; }
.newspic { float: left; width: 32%; height: 218px; overflow: hidden; position: relative; }
.newspic ul { overflow: hidden; }
.newspic li { height: 100px; position: relative; background: rgba(0,0,0,1); overflow: hidden; margin-bottom: 10px; border-radius: 3px }
.newspic li a { display: block; overflow: hidden }
.newspic img { height: 100%; width: 100%; opacity: .7; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; transition: all 0.5s; }
.newspic span { bottom: 0; position: absolute; bottom: 30%; left: 0; right: 0; color: #FFF; text-align: center; font-size: 15px; padding: 0 40px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; line-height: 22px; }
.newspic li:hover img { opacity: .9; transform: scale(1.1); }
.newsitem ul li i { display: block; width: 20px; height: 20px; background: #9a9a9a; float: left; margin-top: 6px; margin-right: 20px; position: relative; font-style: normal }
.newsitem ul li i::before { position: absolute; left: 0; top: 0; font-size: 9px; color: #fff; line-height: 20px; width: 20px; text-align: center }
.newsitem ul li:first-child i { background: #222; }
.newsitem ul li:first-child i::before { content: "1"; }
.newsitem ul li:nth-child(2) i::before { content: "2"; }
.newsitem ul li:nth-child(3) i::before { content: "3"; }
.newsitem ul li:nth-child(4) i::before { content: "4"; }
.newsitem ul li:nth-child(5) i::before { content: "5"; }

.htitle { font-size: 16px; line-height: 40px; border-bottom: 1px solid #eee; color: #484848; font-weight: normal; position: relative; margin-bottom: 10px; }
.htitle:after { content: ""; position: absolute; width: 60px; height: 2px; content: ""; background: #000; left: 0; bottom: 0; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; }
.htitle:hover:after { width: 80px; }


/*notice*/
.notice ul {padding-top: 5px;}
.notice li {font-size: 12px;line-height: 28px;margin-bottom: 6.7px;display: block;-moz-border-radius: 4px;border-radius: 4px;background: #f6f6f6;padding: 4px 12px 4px 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;-moz-transition: all .2s ease;-webkit-transition: all .2s ease;transition: all .2s ease;}
.notice li:before { position: absolute; content: ""; width: 3px; height: 3px; background: #000; border-radius: 10px; left: 15px; top: 20px }
.notice li:hover { background: #f2f2f2; box-shadow: 0 0 10px #ccc; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; }

/*search*/
.searchico {
  margin-top: 5px;
  width: 39px;
  height: 39px;
  float: right;
  display: inline;
  cursor: pointer;
  background: url(../images/search.png) no-repeat center !important;
}

.searchbox {
  width: 1200px;
  margin: 10px auto;
  overflow: hidden;
  background: #ffffff;
  position: relative;
}

.search {
  width: 50%;
  margin: 20px auto;
  background: #222;
  border-radius: 0 5px 5px 0;
  position: relative;
  border: #ccc 1px solid;
  display: none;
}

.search input.input_submit {
  border: 0;
  background: 0;
  color: #fff;
  outline: none;
  position: absolute;
  padding:10px 8%;
}

.search input.input_text {
  border: 0;
  line-height: 36px;
  height: 36px;
  width: 72%;
  padding-left: 10px;
  outline: none
}

.open {
  display: block !important
}

.searchclose {
  background: url(../images/close.png) no-repeat;
  display: block;
  position: absolute;
  width: 28px;
  height: 30px;
  right: 5px;
  top: 5px
}

/*phone  nav *//*
#mnav {
  display: none;
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
}

#mnav h2 {
  text-align: right;
  color: #fff;
  font-size: 18px;
  height: 52px;
  line-height: 52px;
  padding-left: 10px;
  width: 100%
}

#mnav h2.open {
  text-align: right;
  background: rgba(1, 1, 1, 0.8);
  width: 100%;
}

#mnav ul {
  display: none;
  background: rgba(1, 1, 1, 0.8);
  width: 100%;
  padding-bottom: 40px
}

#mnav li {
  height: 40px;
  line-height: 40px;
  vertical-align: top;
  font-size: 15px;
  display: block;
  overflow: hidden;
  text-align: center
}

#mnav li a {
  color: #fff
}
/* 默认菜单栏 *//*
#mnav h2 .navicon {
  margin-right: 15px;
}

.navicon {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 5px;
  background-color: #000;
}

.navicon:before, .navicon:after {
  content: '';
  display: block;
  width: 30px;
  height: 5px;
  position: absolute;
  background: #000;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}

.navicon:before {
  margin-top: -10px;
}

.navicon:after {
  margin-top: 10px;
}
*/
.clearblank {
  clear: both;
  width: 100%;
  overflow: hidden;
}/*
/* 展开后导航栏目 *//*
#mnav h2.open .navicon {
  background: rgba(1, 1, 1, 0.8)
} /* 使用背景色隐藏中间的红线 *//*
#mnav h2.open .navicon:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#mnav h2.open .navicon:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#mnav h2.open .navicon:before, #mnav h2.open .navicon:after {
  content: '';
  display: block;
  width: 30px;
  height: 5px;
  position: absolute;
  background: #FFFFFF;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
*/
article {
  width: 1200px;
  margin: auto;
  overflow: hidden
}

footer {
  width: 100%;
  background: #333;
  color: #a5a4a4;
  text-align: center;
  padding: 20px 0;
}

footer a {
  color: #a5a4a4
}
/*banner*/
.banbox {
  width: 68.5%;
  overflow: hidden;
  float: left;
  border-radius: 3px;
  margin-bottom: 20px
}

.banner {
  width: 100%;
  overflow: hidden;
  float: left;
}

.fader {
  position: relative;
  width: 100%;
  height: 260px; /*padding-top: 50%;*/
  font-family: "futura", arial;
  overflow: hidden;
}

.fader .slide {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 1;
  opacity: 0;
}

.fader .slide img {
  width: 100%;
  height: 260px;
  margin: auto;
}

.fader .prev, .fader .next {
  position: absolute;
  height: 32px;
  line-height: 32px;
  width: 40px;
  top: 50%;
  left: 50px;
  z-index: 4;
  margin-top: -25px;
  cursor: pointer;
  opacity: 0;
  transition: all 150ms;
}

.fader .prev {
  background: url(../images/left.png) no-repeat
}

.fader .next {
  left: auto;
  right: 50px;
  background: url(../images/right.png) no-repeat
}

.fader .pager_list {
  position: absolute;
  width: 100%;
  height: 26px;
  padding: 0;
  line-height: 40px;
  bottom: 0;
  text-align: center;
  z-index: 4;
}

.fader .pager_list li {
  border-radius: 10px;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 7px;
  background: #fff;
  opacity: .9;
  text-indent: -9999px;
  cursor: pointer;
  transition: all 150ms;
}

.fader .pager_list li:hover, .fader .pager_list li.active {
  opacity: 1;
  background: #12b7de;
}

.banner:hover .fader_controls .pic_page.prev {
  opacity: .7;
  left: 20px
}

.banner:hover .fader_controls .pic_page.next {
  opacity: .7;
  right: 20px
}
/*headline*/
.headline {
  width: 30%;
  float: right;
  overflow: hidden;
}

.headline ul {
  height: 260px;
}

.headline ul li {
  width: 100%;
  background: #000;
  overflow: hidden;
  height: 125px;
  margin-bottom: 10px;
  border-radius: 3px;
  position: relative
}

.headline ul li a {
  display: block;
  overflow: hidden;
  height: 100%;
}

.headline ul li img {
  width: 100%;
  height: 100%;
  -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  transition: all 0.5s;
  opacity: .7;
}

.headline ul li:hover img {
  transform: scale(1.1);
  opacity: 1
}

.headline ul li span {
  bottom: 0;
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  color: #FFF;
  text-align: center;
  font-size: 15px;
  margin-top: 5px;
  padding: 0 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-height: 24px;
  height: 48px;
}

.card {
  box-shadow: 0px 1px 0px rgba(255, 255, 255, .1), inset 0px 1px 1px
    rgba(0, 0, 0, .7);
  border-radius: 3px;
  background: url(../images/quote-bg.png) no-repeat top right
    rgba(42, 42, 42, 1);
  height: 260px;
  overflow: hidden;
  margin-bottom: 20px
}

.card h2 {
  font-size: 22px;
  margin: 10px;
  color: #89919a;
  font-weight: normal;
  padding-bottom: 10px;
}

.card p {
  font-size: 12px;
  padding: 0 0 0 20px;
  line-height: 28px;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, .5);
  color: #d0d2d4;
  -webkit-animation: animations2 5s ease-in-out 5s;
  -moz-animation: animations2 5s ease-in-out 5s;
  -o-animation: animations2 5s ease-in-out 5s;
  -ms-animation: animations2 5s ease-in-out 5s;
  animation: animations2 5s ease-in-out 5s;
}

.linkmore {
  margin: 15px
}

.linkmore li {
  width: 25%;
  float: left
}

.linkmore li a {
  height: 53px;
  display: block;
  overflow: hidden;
  box-shadow: 0px 1px 0px rgba(255, 255, 255, .1), inset 0px 1px 1px
    rgba(0, 0, 0, .7);
  border-radius: 50%;
  margin: 0 5px;
}

.linkmore li a:hover {
  opacity: 0.5;
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 30px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  line-height: 53px;
  -moz-osx-font-smoothing: grayscale;
}
.logo { float: left; margin-right: 60px; line-height: 56px; color: #FFF; font-size: 22px }
.logo a { color: #FFF }
.logo img { margin-top: 14px; }
.imgscale img {width: 100%;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;transition: all 0.5s;}
.imgscale:hover img { transform: scale(1.1); }
/*bloglist*/
.bloglist ul {padding: 10px 0 0;}
.bloglist li { overflow: hidden; margin-bottom: 10px; border-bottom: #eee 1px dashed; padding-bottom: 10px; position: relative; min-height: 120px; z-index: 1;}
.blogtitle { margin: 0 0 10px 0; font-size: 18px; overflow: hidden; }
.bloglist li:hover .blogtitle a { color: #337ab7; }
.blogtitle b { color: #F00 }
a.viewmore { display: block; right: 10px; bottom: 20px; position: absolute; padding: 3px 10px; background: #000000; color: #fff; border-radius: 3px; }
.blogpic {float: left;width: 23.2%;margin-right: 20px;display: block;overflow: hidden;border-radius: 3px;position: relative;}
.blogpic i { display: block; position: absolute; top: 0; left: 0; z-index: 9; font-style: normal; padding: 3px 5px; background: rgba(18,182,221,.8); font-size: 14px; }
.blogpic i a { color: #FFF }
.bplist { display: block; overflow: hidden }
.bplist a { display: block; float: left; width: 25%; overflow: hidden }
.bplist a img { border-radius: 3px; width: 200px; height: 140px; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; transition: all 0.5s; }
.bplist a img:hover { transform: scale(1.05) }
.blogtext { font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; margin-top: 20px }
.bloginfo { margin-top: 20px; overflow: hidden; color: #999; line-height: 34px; }
.bloginfo span { margin: 0 5px }
.bloginfo span a { color: #096 }


.icon-youxiang:before {
  content: "\e640";
}

.icon-weixin:before {
  content: "\e501";
}

.icon---:before {
  content: "\e607";
}

.icon-zhuye:before {
  content: "\e64b";
}

a.iconfont.icon-zhuye {
  color: #ef5509;
  font-size: 36px;
}

a.iconfont.icon-youxiang {
  color: #FF991A;
  font-size: 28px;
}

a.iconfont.icon--- {
  color: #1296DB;
}

a.iconfont.icon-weixin {
  color: #07AF12;
}

#weixin {
  position: relative
}

#weixin i {
  display: block;
  position: absolute;
  bottom: 55px;
  right: 0
}

#weixin i img {
  height: 100px;
  display: none
}

#weixin:hover i img {
  display: block
}

.fixed-menu-list {
  display: none;
  padding: 10px;
  width: 262px;
  position: fixed;
  top: 16%;
  bottom: 200px;
  border: 1px solid #eee;
  font-size: 24px;
  z-index: 500;
  overflow-y: auto !important;
  background-color: #fff;
  border-radius: 3px;
}

.sidebar-nav-toc {
  margin: 0 0 5px;
  padding: 20px;
  color: #fc6423;
  border-bottom: 1px solid transparent;
  font-size: 18px;
  text-align: center;
}

.post-toc {
  overflow: auto;
}

.post-toc ol {
  margin: 0;
  padding: 0 2px 5px 10px;
  text-align: left;
  list-style: none;
  font-size: 14px;
}

.post-toc .nav-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.8;
}

.post-toc ol a {
  transition-property: all;
  color: #999;
  border-bottom-color: #333;
}

.tool-box {
  position: fixed;
  top: 26%;
  left: 3%;
}

.tool-box ul {
  width: 43px;
}

.tool-box ul li {
  background: #fff;
  padding: 6px 0px 3px;
  border-radius: 10px;
  margin: 10px 0px;
}

.tool-box ul li a {
  font-size: 12px;
  font-weight: bold;
  display: block;
  text-align: center;
}

.tool-box ul li a i {
  font-size: 20px;
}

.tool-box ul li a:hover {
  color: #ca0c16;
  text-decoration: none;
}

.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.8) url(../images/top.png) no-repeat center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}